<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>04自定义指令</title>
</head>
<body ng-app="App">

<!-- 元素 -->
 <tag></tag>

<div tag></div>
<!-- <div class="tag"></div> -->

<!-- directive:tag -->
<script src="libs/angular.min.js"></script>
<script>
    var App = angular.module('App', []);
    App.directive('tag', function () {
        // 返回一个对象，这个对象就是自定义指令相关的内容
        return {
            // E element
            // A attribute
            // C class
            // M mark replace 必须为true
            restrict: 'EA',
            template: '<ul><li>首页</li><li>列表</li></ul>',
            // replace: true
        }
    });
</script>
</body>
</html>